<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        img{
            width: 600px;
        }
    </style>
</head>

<body>
    <img src="" alt="">
    <p>时间</p>
    <button>按钮</button>
    <input type="text" value="ddhsah">
    <script>
        //时间到了更改元素内容
        var img=document.querySelector('img')
        var p=document.querySelector('p')
        var date =new Date();
        var h=date.getHours();
        if(h<12){
            img.src='/跟着狂神/img/05.png'
            p.innerHTML='上午好，胡歌'
        }else if(h<18){
            img.src='/跟着狂神/img/彭于晏.jpg'
            p.innerHTML='下午好，彭于晏'

        }else{
            img.src='/跟着狂神/img/03.png'
            p.innerHTML='上午好，胡歌'
        }




        var bt=document.querySelector('button')
        var ins=document.querySelector('input')
        bt.onclick=function(){
            ins.value='被点击了';//表单里面的值 文字是通过value来修改的
            ins.disabled=true;//点击按钮输入框禁用
            this.disabled=true//按钮点击后禁用
        }
    </script>
</body>
</html>